/*!giscus-theme-light-start*/
.gsc-main {
  --color-prettylights-syntax-comment: #6e7781;
  --color-prettylights-syntax-constant: #0550ae;
  --color-prettylights-syntax-entity: #8250df;
  --color-prettylights-syntax-storage-modifier-import: #24292f;
  --color-prettylights-syntax-entity-tag: #0550ae;
  --color-prettylights-syntax-keyword: #cf222e;
  --color-prettylights-syntax-string: #0a3069;
  --color-prettylights-syntax-variable: #a40e26;
  --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
  --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
  --color-prettylights-syntax-invalid-illegal-bg: #82071e;
  --color-prettylights-syntax-carriage-return-text: #f6f8fa;
  --color-prettylights-syntax-carriage-return-bg: #cf222e;
  --color-prettylights-syntax-string-regexp: #0550ae;
  --color-prettylights-syntax-markup-list: #3b2300;
  --color-prettylights-syntax-markup-heading: #0550ae;
  --color-prettylights-syntax-markup-italic: #24292f;
  --color-prettylights-syntax-markup-bold: #24292f;
  --color-prettylights-syntax-markup-deleted-text: #82071e;
  --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
  --color-prettylights-syntax-markup-inserted-text: #0550ae;
  --color-prettylights-syntax-markup-inserted-bg: #ddf4ff;
  --color-prettylights-syntax-markup-changed-text: #a40e26;
  --color-prettylights-syntax-markup-changed-bg: #ffcecb;
  --color-prettylights-syntax-markup-ignored-text: #eaeef2;
  --color-prettylights-syntax-markup-ignored-bg: #0550ae;
  --color-prettylights-syntax-meta-diff-range: #8250df;
  --color-prettylights-syntax-brackethighlighter-angle: #57606a;
  --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
  --color-prettylights-syntax-constant-other-reference-link: #0a3069;
  --color-btn-text: #24292f;
  --color-btn-bg: #f6f8fa;
  --color-btn-border: rgb(27 31 36 / 15%);
  --color-btn-shadow: 0 1px 0 rgb(27 31 36 / 4%);
  --color-btn-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
  --color-btn-hover-bg: #f3f4f6;
  --color-btn-hover-border: rgb(27 31 36 / 15%);
  --color-btn-active-bg: hsl(220deg 14% 93% / 100%);
  --color-btn-active-border: rgb(27 31 36 / 15%);
  --color-btn-selected-bg: hsl(220deg 14% 94% / 100%);
  --color-btn-primary-text: #fff;
  --color-btn-primary-bg: #218bff;
  --color-btn-primary-border: rgb(27 31 36 / 15%);
  --color-btn-primary-shadow: 0 1px 0 rgb(27 31 36 / 10%);
  --color-btn-primary-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
  --color-btn-primary-hover-bg: #0969da;
  --color-btn-primary-hover-border: rgb(27 31 36 / 15%);
  --color-btn-primary-selected-bg: hsl(212deg 92% 43% / 100%);
  --color-btn-primary-selected-shadow: inset 0 1px 0 rgb(0 33 85 / 20%);
  --color-btn-primary-disabled-text: rgb(255 255 255 / 80%);
  --color-btn-primary-disabled-bg: #80ccff;
  --color-btn-primary-disabled-border: rgb(27 31 36 / 15%);
  --color-fg-default: #24292f;
  --color-fg-muted: #57606a;
  --color-fg-subtle: #6e7781;
  --color-canvas-default: #fff;
  --color-canvas-overlay: #fff;
  --color-canvas-inset: #f6f8fa;
  --color-canvas-subtle: #f6f8fa;
  --color-border-default: #d0d7de;
  --color-border-muted: hsl(210deg 18% 87% / 100%);
  --color-neutral-muted: rgb(175 184 193 / 20%);
  --color-accent-fg: #0969da;
  --color-accent-emphasis: #0969da;
  --color-accent-muted: rgb(84 174 255 / 40%);
  --color-accent-subtle: #ddf4ff;
  --color-success-fg: #0969da;
  --color-attention-fg: #9a6700;
  --color-attention-muted: rgb(212 167 44 / 40%);
  --color-attention-subtle: #fff8c5;
  --color-danger-fg: #cf222e;
  --color-danger-muted: rgb(255 129 130 / 40%);
  --color-danger-subtle: #ffebe9;
  --color-primer-shadow-inset: inset 0 1px 0 rgb(208 215 222 / 20%);
  --color-primer-shadow-focus: 0 0 0 3px rgb(9 105 218 / 30%);
  --color-scale-gray-1: #eaeef2;
  --color-scale-blue-1: #b6e3ff;

  /*! Extensions from @primer/css/alerts/flash.scss */
  --color-social-reaction-bg-hover: var(--color-scale-gray-1);
  --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1);
}

.gsc-main .pagination-loader-container {
  background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line.svg");
}

.gsc-main .gsc-loading-image {
  background-image: url("https://github.githubassets.com/images/mona-loading-default.gif");
}
.btn-primary {
  @apply border-reco-primary/90 bg-reco-primary/90 text-white;
}
.btn-primary:disabled {
  @apply border-reco-primary/80 bg-reco-primary/80 text-white;
}
.btn-primary:hover,
.btn-primary:active {
  @apply border-reco-primary bg-reco-primary;
}
/* 标记确认功能在评论功能中并不需要，且点击无效，暂时移除 */
.gsc-upvote-button {
  @apply hidden;
}
.gsc-social-reaction-summary-item {
  @apply rounded;
}
.gsc-social-reaction-summary-item.has-reacted {
  @apply border-reco-primary bg-transparent text-reco-primary;
}
.gsc-social-reaction-summary-item.has-reacted:hover {
  @apply bg-reco-primary/50;
}
.color-box-border-info {
  @apply border-reco-border-lightmode;
}
.gsc-comment-box-write:focus-within {
  @apply border-reco-primary ring-2 ring-reco-primary/80;
}
.color-bg-tertiary {
  @apply bg-reco-bg-lightmode-code;
}
.input-contrast {
  @apply bg-reco-bg-lightmode-code;
}
.color-border-primary {
  @apply border-reco-border-lightmode;
}
.form-control:focus {
  @apply border-reco-primary ring-2 ring-reco-primary/80;
}
.gsc-comment-box-textarea:focus {
  @apply border-reco-border-lightmode ring-0;
}
.color-fg-accent, .color-text-link, .link-primary:hover, .link-secondary:hover,
.gsc-reactions-button.popover-only:hover {
  @apply text-reco-primary;
}
.gsc-comment-box-buttons a:active, .gsc-comment-box-buttons a:link, .gsc-comment-box-buttons a:focus, .gsc-comment-box-buttons a:visited {
  @apply text-white;
}

.color-bg-default, .color-bg-primary {
  @apply bg-reco-bg-lightmode-code;
}

.gsc-reply-box {
  @apply border-dashed;
}

.gsc-comment-box-tabs {
  @apply border-dashed;
  border-bottom-style: solid;
  div:first-child {
    @apply m-0;
  }
  .color-bg-canvas {
    @apply border-t-0 border-l-0 border-r-0 border-b-2 !important;
    @apply bg-reco-bg-lightmode-code border-solid border-reco-primary;
  }
}

.form-control {
  @apply bg-reco-bg-lightmode;
}

.gsc-comment-box-textarea:focus {
  @apply bg-reco-bg-lightmode;
}

.gsc-right-header button {
  @apply bg-reco-bg-lightmode-code;
  &[aria-selected='true'] {
    @apply bg-reco-primary text-reco-text-darkmode;
  }
}

.color-fg-default, .color-text-primary, .link-primary {
  @apply text-reco-text-lightmode;
}

.color-fg-muted, .color-text-secondary, .link-secondary {
  @apply text-reco-text-lightmode-lighter;
}

.gsc-comment-author img {
  @apply rounded !important;
}
/*!giscus-theme-light-end*/